<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Cache-Control" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
    <title>在线考试系统</title>

    <script src="//openexamcdn.open.com.cn/openexam/static/assets/scripts/ShieldBackspace.js"></script>
    <link href="//openexamcdn.open.com.cn/openexam/static/assets/plugins/mathquill-0.9.1/mathquill.css" rel="stylesheet">
    <!--@Scripts.Render("~/style/ExamPaper")-->
    <link href="//openexamcdn.open.com.cn/openexam/static/Content/bootstrap.min.css" rel="stylesheet">
    <link href="//openexamcdn.open.com.cn/openexam/static/App/style/ExamPaper/main.css" rel="stylesheet">
    <link href="//openexamcdn.open.com.cn/openexam/static/App/style/ExamPaper/worktest.css" rel="stylesheet">
    <style>
        .tooltip.left .tooltip-arrow {border-left-color: white;}
        .tooltip-inner {background-color: white;color: black;}
        .text-underline {text-decoration: underline;}
        section {outline: none;}
        .blog {position: fixed;top: 0px;right: 0px;bottom: 0px;left: 0px;z-index: 9999;display: none;}
        .tip {width: 100%;background: rgba(0, 0, 0, .6);color: #fff;font-size: 15px;line-height: 2em;padding: 40px 300px;}
        .btnBox {margin-top: 30px;text-align: right;}
        .tip_btn {background: #068aea;cursor: pointer;border-radius: 3px;color: #fff;border: 0px;outline: none;padding: 5px 13px;font-size: 15px;margin-left: 20px;}
        .gray {background: #d8d8d8;color: #333;}
        #ok{background:#d2d0d0;color: #717171;}
        #cancel{background:#7bd484;color: #fff;}
    </style>
</head>

<body ng-controller="ExamPaper">
<p ng-init="isPreview=false" ng-hide="true"></p>
<div class="content content-bgcolor" style="padding-top: 10px; padding-bottom: 20px;">
    <div class="container">
        <div class="row" ng-controller="DisplayTime">
            <div class="col-xs-8 user-config-left padding-right" style="width: 76%; padding-right: 10px;">
                <div class="col-xs-12 title-content-style workontop"
                     style="padding-left: 80px; background: #EEEFF1 url('//openexamcdn.open.com.cn/openexam/static/App/images/ExamPaper/paperTopBg.jpg');">
                    <span class="worktitle" data-toggle="tooltip" data-placement="left"
                          title="${viewBag.tooltipText}"></span>
                    <span class="worktitle">${viewBag.title}</span>
                    <span class="mr30" id="test">共<span ng-bind="paper.itemCount"></span>题，<span
                            ng-bind="paper.score"></span>分</span>
                </div>

                <div class="left-content padd">
                    <!--试题开始-->
                    <div class="question question-radio" ng-repeat="section in sections">
                        <div class="question-type">
                            <span class="item-type radioques" ng-bind="section.title"></span>
                            <span class="quesnum radionums">共<span ng-bind="section.itemCount"></span>题，<span
                                    ng-bind="section.score"></span>分</span>
                        </div>
                        <div>
                            <div ng-repeat="it in section.itemTemplateCollection" class="question-cont"
                                 id="item_{{it.identifier}}">
                                <div class="question-cont-left">
                                    <span class="question-num" ng-show="{{it.isExample}}">例</span>
                                    <!--<span class="question-num" ng-show="{{!it.isExample}}" ng-bind="it.sequenceIndex"></span>-->
                                    <!--试题乱序后显示这个index-->
                                    <span class="question-num" ng-show="{{!it.isExample}}" ng-bind="it.itemIndexNew"></span>
                                    <span class="question-score" ng-show="{{!it.isExample}}"><span
                                            ng-bind="it.weight"></span>分</span>
                                    <span class="videomodel" ng-show="openView(it)" ng-click="fullScreen(it)"
                                          title="最大化显示">
                                            <img src="//openexamcdn.open.com.cn/openexam/static/App/images/ExamPaper/openview.png">
                                        </span>
                                    <a href="javascript:void(0)" ng-click="mark(it)" ng-class="markClass(it)"
                                       class="question-mark">
                                        <img ng-if="!it.isMarked" src="//openexamcdn.open.com.cn/openexam/static/App/images/ExamPaper/mark.png"/>
                                        <img ng-if="it.isMarked" src="//openexamcdn.open.com.cn/openexam/static/App/images/ExamPaper/marked.png"/>
                                        <br/>
                                        标记
                                    </a>
                                </div>
                                <div class="question-cont-right">
                                    <item-content>loading...</item-content>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--试题结束-->
                </div>
            </div>
            <div style="top: 0; width: 24%;" class="col-xs-4 user-config-center content-style">
                <div class="resultshow" style="padding: 10px 0 10px 10px;">
                    <table style="width: 100%; margin-left: -5px; margin-top: -5px;">
                        <tr>
                            <td style="width: 120px;text-align: center;">
                                <img class="photoImg" src="" style="width: 100px;height: 140px;" />
                            </td>
                            <td valign="top">
                                <p style="font-size: 24px;">
                                    <span style="padding-top: 10px; font-size:18px; font-weight:bold;" ng-bind="examineeName"></span>
                                    <span id="sex"></span>
                                    <span style="font-weight: bold; font-size: 18px;word-break: break-word;" ng-bind="examCardNo"></span>
                                </p>

                                <!--<span id="seatNumber"></span>-->

                                <!--
                                <div>
                                    <small style="font-size: smaller; color: #ccc;">准考证号</small></div>
                                <div><span style="font-weight: bold; font-size: larger;" ng-bind="examCardNo"></span></div>
                                <div><small style="font-size: smaller; color: #ccc;">证件号</small></div>
                                <div><span style="font-weight: bold; font-size: larger;" ng-bind="certificateNo"></span>
                                </div>
                                -->
                            </td>
                        </tr>
                    </table>

                    <hr style="clear: both; margin: 5px 5px 5px 0; border-color:transparent;"/>

                    <div class="right-time-div">
                        <!-- 暂时隐藏时钟图标
                        <span><img class="img-time-center" src="//openexamcdn.open.com.cn/openexam/static/App/images/ExamPaper/time.png" /></span>-->

                        <!-- 不显示已用时间
                                    <span class="time-count-down-left" ng-class="unUsed()">
                                        <span ng-bind="ymm"></span>
                                        :
                                        <span ng-bind="yss"></span>
                                    </span>
                        <span class="time-count-down-center"> / </span>-->

                        <span class="time-count-down-right" ng-class="unUsed()">
                                <span class="title">距考试结束还有</span>
                                <span ng-bind="mm"></span> 分
                                <span ng-show="isShowSecond">
                                    :
                                    <span ng-bind="ss"></span> 秒
                                </span>
                            </span>
                    </div>

                    <!--<hr style="clear: both; margin: 5px 5px 5px 0;" />-->

                    <div style="color: white; margin: 0 auto; text-align: center;">
                        <button id="submitPaper" class="right-bottom-btn" ng-disabled="!isCanSubmit"
                                ng-class="isCanSubmit?'bggreen':'bgpaleblue'" ng-click="submit()"
                                ng-bind="submitButtonText">
                            <!--提交试卷-->
                        </button>
                    </div>

                    <hr style="clear: both; margin: 5px 5px 5px 0; border-color:transparent;"/>

                    <div class="chioce-btn">
                        <dl class="question-result-item clearfix" ng-repeat="section in sections">
                            <dt class="question-resul-title radio" style="margin:5px 0;">
                                <img src="//openexamcdn.open.com.cn/openexam/static/App/images/ExamPaper/open.png" alt=""/>
                                <span ng-bind="section.title"></span>
                                （<span ng-bind="section.itemCount"></span>题，<span ng-bind="section.score"></span>分）
                            </dt>
                            <dd class="question-resul-tab radio-tab">
                                <a ng-repeat="item in section.itemTemplateCollection"
                                   id="control_item_{{item.identifier}}"
                                   name="item_{{item.identifier}}" ng-class="resultClass(item)"
                                   href="javascript:void(0)" ng-click="saveQuestionAnswerAgain(item)">
                                    <!--<span ng-bind="item.sequenceIndex"></span>-->
                                    <!--试题乱序后显示这个index-->
                                    <span ng-bind="item.itemIndexNew"></span>
                                </a>

                                <!--<a ng-repeat="item in listgroup" id="control_item_"
                                   name="item_" href="javascript:void(0)">
                                    <span ng-bind="item"></span>
                                </a>-->
                            </dd>
                        </dl>
                    </div>

                    <ul class="question-result-explain" style="padding-top: 20px;">
                        <li><i class="icon-explain mark"></i>标记</li>
                        <li><i class="icon-explain done"></i>已做</li>
                        <li><i class="icon-explain undo"></i>未做</li>
                        <li><i class="icon-explain failed"></i>上传失败</li>
                    </ul>

                </div>
            </div>
        </div>
    </div>
</div>
<!--抓拍对比不通过-->
<div class="blog">
    <div class="tip">
        <p>根据监考过程中拍照比对结果，分析您有可能不是考生“<span ng-bind="examineeName"></span>”本人。您可以放弃本次考试，下次重考；也可以承诺本人参加考试，继续完成考试。如果承诺本人参加考试，需要承担考务老师后期人工审查后的一切后果。</p>
        <div class="btnBox">
            <button id="btnOut" class="tip_btn gray" onclick="LogOut()">放弃考试</button>
            <button id="promise" class="tip_btn">承诺本人考试</button>
        </div>
    </div>
</div>

<script>
    var Token = '${viewBag.token}';
    var seatByNumberRequired = "${viewBag.seatByNumberRequired}";
    var appId = "${viewBag.appId}";
    var planId = "${viewBag.planId}";
    var sceneId = "${viewBag.scenceId}";
    var examineeId = "${viewBag.examineeId}";
    var sex = "${viewBag.examineeSex}";
    var examsiteid = "${viewBag.examsiteid}";
    var subjectcode = "${viewBag.subjectcode}";
    var examSubjectId = "${viewBag.examSubjectId}";
    var examineeArrangeId = "${viewBag.examineeArrangeId}";
    var residueNumber = "${viewBag.capturePhotoResidueNumber}";//剩余抓拍次数
    var loginMode = "${viewBag.loginMode}";// 登录方式:1准考证号  2准考证号+密码 3准考证号+密码+人脸识别  4准考证号+人脸识别
</script>

<!-- @Scripts.Render("~/js/base")-->
<script src="//openexamcdn.open.com.cn/openexam/static/Scripts/jquery-1.12.4.min.js"></script>
<script src="//openexamcdn.open.com.cn/openexam/static/Scripts/jquery.validate.min.js"></script>
<script src="//openexamcdn.open.com.cn/openexam/static/Scripts/bootstrap.min.js"></script>
<script src="//openexamcdn.open.com.cn/openexam/static/App/vendor/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script src="//openexamcdn.open.com.cn/openexam/static/App/vendor/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

<!-- @Scripts.Render("~/js/angularjs/exampaper")-->
<script src="//openexamcdn.open.com.cn/openexam/static/App/vendor/angular/angular.js"></script>
<script src="//openexamcdn.open.com.cn/openexam/static/App/vendor/angular/angular-ui-router.js"></script>
<script src="//openexamcdn.open.com.cn/openexam/static/App/vendor/angular/angular-route.js"></script>
<script src="//openexamcdn.open.com.cn/openexam/static/App/vendor/angular/angular-sanitize.js"></script>
<script src="//openexamcdn.open.com.cn/openexam/static/Scripts/ui-bootstrap-tpls-0.13.0.min.js"></script>
<script src="//openexamcdn.open.com.cn/openexam/static/App/vendor/bootstrap-notify/bootstrap-notify.min.js"></script>
<script src="//openexamcdn.open.com.cn/openexam/static/App/scripts/ExamPaper/controllers.js"></script>
<script src="//openexamcdn.open.com.cn/openexam/static/App/scripts/ExamPaper/services.js"></script>
<script src="//openexamcdn.open.com.cn/openexam/static/App/scripts/ExamPaper/directives.js"></script>
<script src="//openexamcdn.open.com.cn/openexam/static/App/scripts/ExamPaper/filters.js"></script>
<script src="//openexamcdn.open.com.cn/openexam/static/App/scripts/ExamPaper/app.js"></script>
<script src="//openexamcdn.open.com.cn/openexam/static/App/scripts/common.js"></script>
<script>
    $(function () {
        $('[data-toggle="tooltip"]').tooltip('show');

//        if (seatByNumberRequired && seatByNumberRequired == 1) {
//            $("#seatNumber").append('<div ng-show="isShowSeat" style="margin-top: 25px;">座位号：<span style="text-align: center; font-weight: bold; font-size: 30px;" ng-bind="seatNo"></span></div>');
//        }
        $('.photoImg').attr('src', "/images${viewBag.examinerHeadPhotoUrl}").error(function () {
            this.src = '//openexamcdn.open.com.cn/openexam/static/App/images/Login/defaultPhoto.jpg';
            this.onerror = null;
        });
        $("#sex").append(sex == 1
            ? '<img src="//openexamcdn.open.com.cn/openexam/static/App/images/ExamPaper/man.png" alt="男" title="男" />'
            : '<img src="//openexamcdn.open.com.cn/openexam/static/App/images/ExamPaper/woman.png" alt="女" title="女" />');
    });

    function LogOut() {
        window.location.href = '/Examinee/Login';
    }
</script>
</body>
</html>